<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!--360浏览器优先以webkit内核解析-->


    <title>H+ 后台主题UI框架 - 主页示例</title>

    <link rel="shortcut icon" href="favicon.ico"> <link href="{$Think.const.RESOURCE}css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="{$Think.const.RESOURCE}css/font-awesome.css?v=4.4.0" rel="stylesheet">

    <link href="{$Think.const.RESOURCE}css/animate.css" rel="stylesheet">
    <link href="{$Think.const.RESOURCE}css/style.css?v=4.1.0" rel="stylesheet">


</head>

<body class="gray-bg">



<div class="row wrapper border-bottom white-bg page-heading">
    <div class="col-lg-10">
        <h2>员工详情</h2>
        <ol class="breadcrumb">
            <li>
                <a href="{:U('index/index')}">Home</a>
            </li>
            <li>
                <a href="{:U('power/select')}">权限</a>
            </li>
            <li class="active">
                <strong>profile</strong>
            </li>
        </ol>
    </div>
    <div class="col-lg-2">

    </div>
</div>

<div class="wrapper wrapper-content animated fadeInRight">


        <div class="row m-b-lg m-t-lg">
            <div class="col-md-3">

                <!--<div class="profile-image">-->
                    <!--&lt;!&ndash;<img src="{$Think.const.RESOURCE}img/a4.jpg" class="img-circle circle-border m-b-md" alt="profile">&ndash;&gt;-->
                <!--</div>-->
                <div class="">
                    <div class="">
                        <div>
                            <h2 class="no-margins text-danger " style="font-size: 6em">
                                {$data.name}
                            </h2>
                            <br>
                            <h4 class="text-success">{$data.roleName}</h4>
                            <small>
                                {$data.email}<br>
                                {$data.iphone}<br><br><br>
                            </small>
                        </div>

                        <a href="{:U('power/amend')}?id={$data.id}" type="button" class="btn btn-primary btn-sm btn-block"><i
                                class="fa fa-plus-square"></i> 修改员工信息
                        </a>

                        <a href="{:U('power/blacklist')}?id={$data.id}" type="button" class="btn btn-primary btn-sm btn-block"><i
                                class="fa fa-plus-square"></i> 增加查询黑名单
                        </a>
                    </div>
                </div>
            </div>
            <div class="col-md-8">
                    <h4 class="text-center text-success">拥有权限</h4>

                    <volist name="data['powerName']" id="vo">
                        <div class="col-sm-4 text-right">
                            <h5>{$vo['name']}</h5>
                        </div>
                        <div class="col-sm-2 text-left">
                            <h6>权限ID : {$vo['id']}</h6>
                        </div>
                    </volist>

            </div>
        </div>



    </div>




<!-- 全局js -->
<script src="{$Think.const.RESOURCE}js/jquery.min.js?v=2.1.4"></script>
<script src="{$Think.const.RESOURCE}js/bootstrap.min.js?v=3.3.6"></script>
<script src="{$Think.const.RESOURCE}js/plugins/metisMenu/jquery.metisMenu.js"></script>
<script src="{$Think.const.RESOURCE}js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
<script src="{$Think.const.RESOURCE}js/plugins/layer/layer.min.js"></script>

<!-- 自定义js -->
<script src="{$Think.const.RESOURCE}js/hplus.js?v=4.1.0"></script>
<script type="text/javascript" src="{$Think.const.RESOURCE}js/contabs.js"></script>

<!-- 第三方插件 -->
<script src="{$Think.const.RESOURCE}js/plugins/pace/pace.min.js"></script>

</body>

</html>
